<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	
    <link type="text/css" rel="stylesheet" href="/spring-GOP/css/common.css">
    <link type="text/css" rel="stylesheet" href="/spring-GOP/css/style.css">
    <link type="text/css" rel="stylesheet" href="/spring-GOP/css/ticket/style_44.css">
    
 	<script type="text/javascript" src="/spring-GOP/js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="/spring-GOP/js/start.js"></script>

	<title>Primus</title>
</head>
<body>
	<div id="container" style="margin-top: 20px;">
	
		<!-- content -->
		<div id="content">
		
			<!-- main-shortCut -->
			<div id="main-shortCut">
			
				<!-- sub-main-section -->
				<div class="sub-main-section">
				
					<!-- 컨텐츠 작성 -->
					<!-- 빠른예매 -->
					<div id="fastticket" class="fastticket">
					
						<!--ft_wrap-->
						<div class="ft_wrap">
							
							<!-- content: step3 payment select -->
							<div class="ft_content step3" style="display: block;" id="charge">
							
								<!-- section: movie_select -->
								<div class="ft_section payment_select">

									<div class="ft_column discount_col">
										<div class="col_head">
											할인수단<span class="vbar"></span>
										</div>
										<div class="col_body first">
											<div class="col_pad">
												<!-- column content -->
												<div class="discount_method">
													<table>
														<caption>관람권 및 할인권, 카드사포인트 할인, 기타 포인트 할인 선택</caption>
														<thead class="nanumbold">
															<tr>
																<th class="first" scope="col" width="36%">관람권 및 할인권</th>
																<th scope="col" width="36%">카드사포인트 할인</th>
																<th class="last" scope="col" width="28%">기타 포인트 할인</th>
															</tr>
														</thead>
														<tbody class="dotum">
															<tr>
																<td class="first">
																	<ul id="discount_group">
																		<li class="payment_group_item primus_membership" id="primus_membership" data-code="0180">
																			<a href="javascript:onDiscountClick()">프리머스 멤버십포인트</a></li>
																		<li class="payment_group_item addmission_ticket" id="addmission_ticket" data-code="0020">
																			<a href="javascript:onDiscountClick()">프리머스 영화관람권</a></li>
																		<li class="payment_group_item cj_gift_certificate" id="cj_gift_certificate" data-code="0090">
																			<a href="javascript:onDiscountClick()">CJ 상품권</a></li>
																		<li class="payment_group_item sk_gifticon" id="sk_gifticon" data-code="0603">
																			<a href="javascript:onDiscountClick()">SK 기프티콘</a></li>
																		<li class="payment_group_item kt_giftishow" id="kt_giftishow" data-code="0604">
																			<a href="javascript:onDiscountClick()">KT 기프티쇼</a></li>
																	</ul>
																</td>
																<td>
																	<ul id="card_point_group">
																		<li class="payment_group_item soil_point" id="soil_point" data-code="0140">
																			<a href="javascript:onDiscountClick()">S-Oil 포인트</a></li>

																		<li class="payment_group_item kb_pointree" id="kb_pointree" data-code="0310">
																			<a href="javascript:onDiscountClick()">국민카드 포인트리</a></li>
																		<li class="payment_group_item samsung_bonus_point" id="samsung_bonus_point" data-code="0320">
																			<a href="javascript:onDiscountClick()">삼성카드 보너스 포인트</a></li>
																	</ul>
																</td>
																<td class="last">
																	<ul id="other_point_group">
																		<li class="payment_group_item ok_cashbag" id="ok_cashbag" data-code="0602">
																			<a href="javascript:onDiscountClick()">OK캐쉬백</a></li>
																		<li class="payment_group_item gsnpoint" id="gsnpoint" data-code="0300">
																			<a href="javascript:onDiscountClick()">GS &amp; POINT</a></li>
																	</ul>
																</td>
															</tr>
														</tbody>
													</table>
												</div>
												<!-- column content -->
											</div>
										</div>
										<div class="col_foot"></div>
									</div>

									<div class="ft_column payment_col">
										<div class="col_head">
											기본결제<span class="vbar"></span>
										</div>
										<div class="col_body">
											<div class="col_pad dotum">
												<!-- column content -->
												<ul id="default_pay_group">
													<li class="payment_group_item creditcard" id="creditcard" data-code="0010">
														<a href="javascript:onChargeTypeClick()">신용카드</a></li>
												</ul>
												<div class="payment_guide">
													포인트카드와 할인카드 등을<br> 먼저 선택하시고 결제 수단을<br> 선택하시기
													바랍니다.
												</div>
												<!-- column content -->
											</div>
										</div>
										<div class="col_foot"></div>
									</div>

									<div class="ft_column pay_info_col" id="payment_info_wrap">
										<div class="col_head">결제정보</div>
										<div class="col_body last">
											<div class="col_pad">
												<!-- column content -->
												<div class="scroll_area pisa">
													<div class="scroll_wrap">
														<div class="scroll_cont dotum">
															<div>
																<div class="amount_wrap total_amount"
																	id="payment_total_amount">
																	<dl>
																		<dt>충전할 금액</dt>
																		<dd>
																			<span class="price" id="chargeValue">0</span><span class="won">원</span>
																		</dd>
																	</dl>
																</div>

																<div class="amount_wrap remain_amount" id="payment_remain_amount">
																	<dl>
																		<dt>충전 후 금액</dt>
																		<dd>
																			<span class="price" id="currentValue">${user.member_point}<%-- <%=Integer.toString(user.getMemberPoint())%> --%></span><span class="won">원</span>
																		</dd>
																	</dl>
																</div>
															</div>
														</div>
													</div>
												</div>
												<!-- column content -->
											</div>
										</div>
										<div class="col_foot"></div>
									</div>
								</div>
								<!-- section: movie_select -->
								
								<!-- section: summary -->
								<div class="ft_section summary allset">
									<div class="ft_column button_col">
										<div class="button prev_step">
											<a href="" class="nanumbold"><span>충전취소</span></a>
										</div>
										<div class="button next_step">
											<a href="#" onclick="onChargeClick();" id="ft_nextstep_btn_3" class="nanumbold"><span>충전하기</span></a>
										</div>
									</div>
								</div>
								<!-- section: summary -->
							</div>
							<!-- content: step3 payment select -->

							<!-- content: payment popup -->
							<div class="ft_content popup" style="display: none;" id="popup">
								
								<!-- 신용카드 -->
								<div class="fp_warp creditcard" id="creditcard_pop" style="display: none;">
									<div class="fp_header nanumbold">신용카드 / 체크카드 결제</div>
									<div class="fp_content">
										<div class="fp_body">
											<div class="fp_box">
												<dl class="input">
													<dt class="nanumbold">카드종류</dt>
													<dd>
														<label class="cardtype" for="creditcard_select">
															<select id="creditcard_select" onchange="fpCreditcardSelectChange();">
																<option selected="selected">선택하세요</option>
																<option value="CNB">국민카드</option>
																<option value="BCC">BC카드</option>
																<option value="WIN">삼성카드(올앳포함)</option>
																<option value="SHB">신한카드(구,LG카드)</option>
																<option value="DIN">현대카드</option>
																<option value="KEB">외환카드</option>
																<option value="HNB">하나SK카드</option>
																<option value="AMX">롯데/아멕스카드</option>
																<option value="CIT">씨티카드(구,한미)</option>
																<option value="SIN">신세계카드</option>
																<option value="NLC">NH카드</option>
																<option value="PHB">우리(평화)카드</option>
																<option value="KJB">광주VISA카드</option>
																<option value="SAN">산은캐피탈</option>
																<option value="NFF">수협카드</option>
																<option value="SHB">제주비자</option>
															</select>
															<span class="blind">결제에 사용할 신용카드 또는 체크카드 선택</span>
														</label>
													</dd>
												</dl>
												<dl class="input">
													<dt class="nanumbold">카드번호</dt>
													<dd>
														<label class="cardno" for="crecitcard1"><input id="crecitcard1" type="text" maxlength="4"><span class="blind">카드번호 첫번째 4자리</span>
														</label>-<label class="cardno" for="crecitcard2"><input id="crecitcard2" type="text" maxlength="4">
														<span class="blind">카드번호 두번째 4자리</span></label>-<label class="cardno" for="crecitcard3">
														<input id="crecitcard3" type="text" maxlength="4"><span class="blind">카드번호 세번째 4자리</span>
														</label>-<label class="cardno" for="crecitcard4">
														<input id="crecitcard4" type="password" maxlength="4"><span class="blind">카드번호 네번째 4자리</span></label>
													</dd>
												</dl>
												<dl class="input2">
													<dt class="nanumbold">카드유효기간</dt>
													<dd>
														<div class="explain dotum">월/년 (예: 02월 17년)</div>
														<label class="cardno" for="crecitcard_month">
															<input id="crecitcard_month" type="text" maxlength="2">
															<span class="blind">카드 유효기간 월 2자리</span></label>/<label class="cardno" for="crecitcard_year">
															<input id="crecitcard_year" type="text" maxlength="2"><span class="blind">카드 유효기간 년도 마지막 2자리</span>
														</label>
													</dd>
												</dl>
												<dl class="input2">
													<dt class="nanumbold">카드비밀번호</dt>
													<dd>
														<div class="explain dotum">비밀번호 앞 2자리</div>
														<label class="cardno" for="crecitcard_pw">
															<input id="crecitcard_pw" type="password" maxlength="2"><span class="blind">카드번호 비밀번호 앞 2자리</span>
														</label>**
													</dd>
												</dl>
												<dl class="input2">
													<dt class="nanumbold">주민등록번호</dt>
													<dd>
														<div class="explain dotum">
															<label class="radio" for="creditcard_ssn_type1">
																<input value="1" type="radio" id="creditcard_ssn_type1" name="creditcard_ssn_type" checked="checked">카드소유자의 주민번호 뒷 7자리</label>
																<label class="radio" for="creditcard_ssn_type2">
																<input value="2" type="radio" id="creditcard_ssn_type2" name="creditcard_ssn_type">사업자번호 10자리
															</label>
														</div>
														<label class="ssn" for="crecitcard_ssn">
															<input id="crecitcard_ssn" type="password" maxlength="7"><span class="blind">카드소유자의 주민번호 뒷 7자리</span>
														</label>
													</dd>
												</dl>
												<div class="total nanumbold">
													<dl>
														<dt class="nanumbold">충전금액</dt>
														<dd>
															<!-- <span id="credit_pay_amount" class="num verdana">0</span> -->
															<input type="text" id="credit_pay_amount" class="num verdana" style="text-align: right;" value="0" name="payValue"/>
															<span class="won dotum">원</span>
														</dd>
													</dl>
												</div>
											</div>
											<div class="fp_buttons">
												<a href="javascript:onChargeTypeClick()" class="fp_button cancel"><span>취소</span></a>
												<a href="javascript:onChargeCheck()" class="fp_button ok apply"><span>적용</span></a>
											</div>
										</div>
									</div>
								</div>
								<!-- 신용카드 -->
							</div>
							<!-- content: payment popup -->
						</div>
						<!--ft_wrap-->
					</div>
					<!--fastticket-->
					<div id="temp_message" style="position: absolute; top: -40px; left: 10px;"></div>
					<!-- 빠른예매 -->
					<!-- //컨텐츠 작성 -->
				</div>
				<!-- //sub-main-section -->
			</div>
			<!-- //main-shortCut -->
		</div>
		<!-- //content -->
	</div>


	<form name="chargeForm" method="POST">
		<input type="hidden" id="member_id" name="member_id" value="${user.member_id}">
		<input type="hidden" id="chargePoint" name="point_value">
	</form>
</body>
</html>









































